<script setup lang="ts">
import { ref, reactive } from "vue";

// 定义一个响应式对象数组
let arrobj = reactive([
  { id: 0, name: "John", age: 30 },
  { id: 1, name: "admin", age: 20 },
  { id: 2, name: "Jo", age: 10 },
  { id: 3, name: "Jn", age: 33 },
]);
</script>

<!-- 视图 -->
<template>
  <table class="table table-bordered" >
    <tbody >
      <tr>
        <td>id</td>
        <td>name</td>
        <td>age</td>
      </tr>
    </tbody>
  </table>
 
</template>


<style scoped>
</style>
